<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="./switch.css"/>
    <link href="./bootstrap/css/bootstrap.css" rel="stylesheet">
    <script type="text/javascript" src="./js/jquery-2.1.4.min.js"></script>
    <script src="jquery.js"></script>
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

    <script src="http://cdn.bootcss.com/bootstrap/2.3.2/js/bootstrap.min.js"></script>
    <script src="./switch.js"></script>
</head>
<body>

<section style="margin:15px;">
    <div class="btn-group" data-toggle="buttons-radio">
        <button type="button" class="btn btn-danger select controlOff">OFF</button>
        <button type="button" class="btn btn-success unselect controlOn">ON</button>
    </div>
</section>
<div class="outer">
    <div style="width: 240px" class="switch-off switch-animate">
        <input checked="" type="checkbox">
        <a href="#">
            <span class="switch-left switch-large">ON</span>
        </a>
        <label class="switch-large">&nbsp;</label>
        <a href="#">
            <span class="switch-right switch-large">OFF</span>
        </a>
    </div>
</div>
</body>
</html>